/*top*/

.top {
    padding: 30px 0;
}

.phone-txt .txt {
    font-size: 16px;
    color: #999;
}

.phone-txt .line {
    width: 18px;
    height: 4px;
    background: #0062b1;
    border-radius: 3px;
    margin-top: 10px;
}

.phone-txt .number {
    font-size: 26px;
    font-weight: bold;
    color: #0062b1;
}

.phone-img {
    margin: 5px 10px 0 0;
}

.phone {
    margin-top: 17px;
}

img {
    border: none;
}


/*nav*/

.nav {
    width: 100%;
    height: 55px;
    line-height: 55px;
    background: #005aab;
}

.nav ul li {
    width: 150px;
    float: left;
    font-size: 18px;
    text-align: center;
    background: url(../images/sx.jpg) no-repeat right center;
}

.nav ul li:last-of-type {
    background: none;
}

.nav ul li a {
    display: block;
}

.nav ul li a.active,
.nav ul li a:hover {
    background: #007fea;
}


/*banner*/

.banner,
.banner .swiper-container,
.banner .swiper-container a {
    width: 100%;
    height: 600px;
}

.banner .swiper-container a {
    display: block;
}


/*products*/

.m-products {
    background: #f5f5f5;
    width: 100%;
    padding: 50px 0 22px 0;
}

.m-title .title {
    font-size: 30px;
    font-weight: bold;
}

.m-title .det {
    font-size: 16px;
    color: #999;
    margin-top: 5px;
}

.m-pro-fl {
    width: 236px;
    border: 2px solid #0062b1;
}

.m-pro-fr {
    width: 960px;
}

.pro-classify {
    width: 236px;
    height: 70px;
    background: #0062b1;
    text-align: center;
    line-height: 70px;
}

.pro-classify p {
    display: inline-block;
}

.pro-classify .line {
    width: 28px;
    height: 2px;
    background: #4da6f0;
    margin-bottom: 8px;
}

.pro-classify .bt {
    font-size: 26px;
    color: #fff;
    margin: 0 15px;
}

.classify-list li {
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    position: relative;
}

.third {
    position: absolute;
    left: 238px;
    width: 190px;
    background: #0062b1;
    z-index: 9999;
    top: 0;
    display: none;
    transition: all 0.3s;
}

.classify-list li:hover .third {
    display: block;
}

.third li {
    height: 35px!important;
    line-height: 35px!important;
    font-size: 14px;
    color: #fff;
}

.third li a {
    color: #fff;
}

.classify-list {
    padding: 10px 0;
}

.classify-list li span {
    color: #0062b1;
}

.classify-list li a.active,
.classify-list li a:hover {
    background: #0062b1;
    color: #fff;
    font-weight: bold;
}

.classify-list li a.active span,
.classify-list li a:hover span {
    color: #fff;
}

.classify-list li a {
    display: block;
    padding: 0 15px;
}

.wechat {
    background: #0062b1;
    text-align: center;
    padding: 20px 0;
}

.wechat span {
    display: block;
    color: #fff;
    opacity: .7
}

.m-pro-list ul li {
    width: 290px;
    margin: 0 0 28px 28px;
    float: left;
    border: 1px solid #ddd;
    background: #fff;
    transition: all 0.3s;
}

.m-pro-list ul li:hover {
    border: 1px solid #0062b1;
}

.m-pro-list ul li:hover span {
    background: #0062b1;
}

.m-pro-list ul li .pic {
    display: block;
    width: 270px;
    text-align: center;
    height: 198px;
    line-height: 198px;
    overflow: hidden;
    padding: 10px;
}

.m-pro-list ul li .pic img {
    max-width: 100%;
    vertical-align: middle;
}

.m-pro-list ul li span {
    display: block;
    width: 288px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    margin: 0 auto;
    background: #999;
    margin-bottom: 1px;
    transition: all 0.3s;
}


/*about*/

.m-about-img,
.m-about-img img {
    width: 545px;
    height: 345px;
    overflow: hidden;
}

.m-about-txt {
    width: 605px;
}

.ab-txt-one {
    font-size: 26px;
    font-weight: bold;
    color: #0062b1;
}

.ab-txt-one span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0062b1;
    display: inline-block;
    margin: 0 10px;
    margin-bottom: 5px;
}

.ab-txt-two {
    color: #999;
    letter-spacing: 10px;
    margin-top: 5px;
}

.ab-txt-two span {
    color: #0062b1;
}

.ab-txt-three {
    line-height: 36px;
    margin-top: 30px;
    text-align: justify;
}

.about-more {
    width: 160px;
    height: 45px;
    display: block;
    background: #0062b1;
    margin-top: 30px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.about-more span {
    vertical-align: middle;
    font-size: 22px;
    margin-left: 5px;
}


/*partner*/

.m-partner {
    width: 100%;
    height: 350px;
    background: url(../images/bg.jpg) no-repeat center center;
    padding: 50px 0;
}

.par-title,
.par-title-det {
    color: #fff!important;
}

.par-title-det {
    opacity: .7;
}

.partner-list ul li {
    background: #fff;
    margin: 0 20px 20px 0;
    float: left;
}

.partner-list ul li a {
    display: block;
    width: 204px;
    height: 88px;
    line-height: 88px;
    text-align: center;
    padding: 10px;
    overflow: hidden;
}

.partner-list ul li a img {
    vertical-align: middle;
    width: 100%;
    height: 88px;
}

.partner-list ul {
    width: 1220px;
    overflow: hidden;
}


/*video*/

.m-video-fl {
    width: 455px;
}

.m-video-fl .eng {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 26px;
    color: #999;
    margin-top: 5px;
}

.m-video-fl .ch {
    font-size: 20px;
    font-weight: bold;
    color: #0062b1;
    margin-top: 20px;
}

.m-video-fl .line {
    width: 21px;
    height: 4px;
    background: #0062b1;
    margin-top: 20px;
}

.m-video-fl .intro {
    text-align: justify;
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 50px;
}

.m-video-fr,
.m-video-fr img {
    width: 695px;
    height: 370px;
    overflow: hidden;
}


/*footer*/

.m-footer {
    width: 100%;
    background: #014278;
    padding-top: 50px;
    margin-top: 50px;
    padding-bottom: 50px;
}

.f-nav,
.f-contact {
    width: 280px;
    margin-right: 90px;
}

.f-nav h2,
.f-contact h2 {
    border-bottom: 1px solid #1b5586;
    font-size: 18px;
    color: #fff;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-weight: normal;
}

.f-nav ul li {
    line-height: 36px;
    width: 140px;
    float: left;
}

.f-nav ul li a,
.jszc a {
    color: #fff;
    opacity: .5;
}

.f-wechat span {
    color: #fff;
    display: block;
}

.f-contact li {
    opacity: .5;
    color: #fff;
    display: block;
    line-height: 20px;
}

.f-contact li {
    margin-bottom: 10px;
}

.copy {
    width: 290px;
    line-height: 26px;
}

.copy span {
    display: block;
    text-align: right;
    color: #fff;
    opacity: .5;
}

.f-wechat {
    text-align: center;
}

.f-wechat img {
    width: 120px;
    height: 120px;
}

.in-banner,
.in-banner a {
    width: 100%;
    height: 450px;
}

.in-banner a {
    display: block;
}


/*in-pro*/

.in-content-fl {
    width: 240px;
}

.in-pro-classify {
    width: 236px;
    border: 2px solid #0062b1;
}

.in-contact {
    margin-top: 20px;
    border: 1px solid #ddd;
    padding-bottom: 20px;
}

.in-contact .title {
    width: 131px;
    height: 47px;
    background: url(../images/c-bg.jpg) no-repeat;
    font-size: 18px;
    color: #fff;
    line-height: 45px;
    padding-left: 20px;
    margin-bottom: 15px;
}

.in-contact-item .bt {
    color: #999;
    margin-bottom: 3px;
}

.in-contact-item .det {
    font-size: 18px;
}

.in-contact-item .det2 {
    font-size: 16px;
}

.in-contact-item {
    padding: 0 10px;
    margin-bottom: 10px;
}

.in-contact-item span {
margin-left:5px;
color:#666;
font-size:15px;
}

.in-content-fr {
    width: 930px;
}

.in-fr-title {
    border-bottom: 1px solid #ebebeb;
}

.in-fr-title .title {
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 3px solid #0062b1;
}

.in-fr-title .bread {
    margin-top: 10px;
    color: #999;
}

.in-content-fr .m-pro-list ul li {
    margin: 0 28px 28px 0!important;
}

.in-content-fr .m-pro-list ul {
    width: 960px;
    overflow: hidden;
    margin-top: 28px;
}

.con-page ul li {
    display: inline-block;
    text-align: center;
}

.con-page ul li.active a {
    background: #0062b1;
    border: 1px solid #0062b1;
    color: #fff;
}

.con-page ul li a.pre,
.con-page ul li a.next {
    background: #eeeeee;
    border: 1px solid #e3e3e3;
    padding: 7px 15px;
}

.con-page {
    margin-bottom: 70px;
    margin-top: 70px;
    text-align: center;
}

.con-page ul li a {
    border: 1px solid #e3e3e3;
    background: #fff;
    padding: 7px 15px;
    margin: 0 3px;
}


/*news*/

.in-news-item {
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px dashed #ddd;
}

.in-news-item:hover .time {
    background: #0062b1;
}

.in-news-item:hover .time .date {
    color: #fff;
}

.in-news-item:hover .time .y-m {
    color: #fff;
    opacity: .5;
}

.in-news-item .time {
    width: 68px;
    height: 71px;
    background: #e1e1e1;
    padding: 7px 0 0 10px;
    transition: all 0.3s;
}

.in-news-item .time .date {
    font-size: 32px;
    color: #666;
}

.in-news-item .time .y-m {
    color: #999;
}

.in-news-item .txt {
    width: 835px;
    margin-left: 15px;
}

.in-news-item .txt .title {
    font-weight: bold;
    font-size: 16px;
}

.in-news-item .txt .intro {
    margin-top: 10px;
    line-height: 24px;
}

.in-news-item .txt .intro a {
    color: #999;
}


/*pro-det*/

.pro-det-wrap .pic,
.pro-det-wrap .pic .swiper-slide,
.pro-det-wrap .pic .swiper-slide a {
    width: 450px;
    height: 400px;
}

.pro-det-wrap .pic .swiper-slide a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.pro-det-wrap {
    margin-top: 30px;
}

.pro-det-wrap:last-child {
    margin-bottom: 50px;
}

.pro-det-wrap .pic {
    background: #f5f5f5;
}

.pro-det-wrap .pic img {
    max-width: 100%;
}

.pro-det-wrap .txt {
    width: 445px;
}

.pro-det-wrap .txt .title {
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
}

.pro-det-wrap .txt .intro {
    color: #666;
    line-height: 26px;
    margin-top: 20px;
    font-size: 16px;
}

.pro-det-wrap .txt dl {
    width: 202px;
    height: 45px;
    padding: 20px;
    border: 1px solid #ddd;
    margin-top: 50px;
}

.pro-det-wrap .txt dl dt {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #0062b1;
    text-align: center;
    line-height: 44px;
    float: left;
}

.pro-det-wrap .txt dl dt span {
    font-size: 26px;
    color: #0062b1;
}

.pro-det-wrap .txt dl dd {
    width: 141px;
    padding-left: 15px;
    float: left;
}

.pro-det-wrap .txt dl dd p {
    font-size: 18px;
    font-weight: bold;
}

.pro-det-wrap .txt .button a {
    width: 155px;
    height: 50px;
    background: #0062b1;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    float: left;
    margin: 50px 10px 0 0;
}

.bot-det-con .des-content {
    display: none;
    margin: 15px 0 50px 0;
    line-height: 30px;
    text-align: justify;
    overflow: hidden;
}

.bot-det-con .des-content:first-child {
    display: block;
}

.bot-des-title ul li {
    float: left;
    margin-right: 30px;
    font-size: 18px;
    padding-bottom: 10px;
}

.bot-des-title {
    border-bottom: 1px solid #ddd;
}

.bot-des-title ul .active {
    font-weight: bold!important;
    border-bottom: 2px solid #0062b1;
}

.bot-des-title ul li a {
    padding-bottom: 10px;
}

.bot-des-title ul .active a {
    color: #0062b1!important;
}

.det-pro-list h2 span {
    border-bottom: 2px solid #0062b1;
}

.det-pro-des {
    margin-top: 50px;
}

.in-news-det h2 {
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    margin-top: 20px;
}

.in-news-det p {
    line-height: 30px;
    text-align: justify;
}

.in-news-det img {
    text-align: center;
}

.in-news-det {
    overflow: hidden;
margin-top:20px;
}